/* 头部组件 */
#maizuo header{
	width: 100%;height: 50px;background: #282828;
	font-size: 14px;color: #fff;
}
#maizuo header>.header-left{
	padding: 15px;
}
#maizuo header>.header-left>span{
	margin-left: 20px;white-space: nowrap;
}
#maizuo header>.header-right{
	width: 100px;padding: 15px;color: #999;
}
#maizuo header>.header-right>.header-address{
	display: inline-block;
}
#maizuo header>.header-right>.header-address>span{
	margin-right: 5px;
}
#maizuo header>.header-right>.header-address>i{
	font-size: 10px;transform: scale(0.8);display: inline-block;
	margin-right: 10px;
}
#maizuo header>.header-right>a{
	display: inline-block;color: #999;
}
#maizuo header>.header-right i{
	font-size: 10px;
}
/* 侧边栏 */
#maizuo .sidebar-cover{
	position: absolute;top: 50px;bottom: 0;
	left: 0;right: 0;background: rgba(0,0,0,0.5);
	transition: 0.1s;z-index: 10;
}
#maizuo .sidebar{
	width: 280px;background: #282828;
	position: absolute;top: 0;bottom: 0;
	transition: 0.2s 0.1s;z-index: 20;
}
#maizuo .sidebar>a{
	display: block;padding: 15px;
	border-bottom: 1px solid #333;
	color: #9a9a9a;font-size: 14px;
}
#maizuo .sidebar>a>i{
	font-size: 14px;
}
/*  */
#maizuo .page{
	position: absolute;left: 0;right: 0;
	top: 50px;bottom: 0;
}
/* 主页 */
#maizuo .page .home-banner{
	width: 100%;height: 200px;
}
#maizuo .page .home-banner .swiper-container{
	width: 100%;height: 200px;
}
#maizuo .page .home-banner .swiper-wrapper{
	width: 100%;height: 200px;
}
#maizuo .page .home-banner .swiper-slide img{
	width: 100%;
}

#maizuo .page .home-list{
	width: 100%;height: auto;padding: 15px;
}
#maizuo .page .home-list .nowplaying-list{
	width: 100%;
}
#maizuo .page .home-list .nowplaying-list li{
	background: #fff;margin-bottom: 15px;
}
#maizuo .page .home-list .nowplaying-list li>img{
	width: 100%;height: 200px;
}
#maizuo .page .home-list .nowplaying-list .film-detail{
	padding: 10px;position: relative;
}
#maizuo .page .home-list .nowplaying-list .film-detail h5{
	width: 280px;
}
#maizuo .page .home-list .nowplaying-list .film-detail p{
	width: 280px;font-size: 14px;color: #9a9a9a;
}
#maizuo .page .home-list .nowplaying-list .film-detail span{
	position: absolute;right: 10px;top: 10px;color: #f78360;font-size: 18px;
	width: 40px;height: 40px;text-align: center;line-height: 40px;
}

#maizuo .page .home-list .more{
	width: 160px;
    height: 30px;
    border: 1px solid #aaa;
    border-radius: 15px;
    margin: 10px auto 30px;
    text-align: center;
    line-height: 30px;
    font-size: 12px;
    color: #616161;
    cursor: pointer;
}

#maizuo .page .home-list .comingsoon-list{
	width: 100%;
}
#maizuo .page .home-list .comingsoon-list li{
	background: #fff;margin-bottom: 15px;height: 245px;
}
#maizuo .page .home-list .comingsoon-list li>img{
	width: 100%;height: 200px;
}
#maizuo .page .home-list .comingsoon-list .film-detail{
	padding: 10px;position: relative;
}
#maizuo .page .home-list .comingsoon-list .film-detail h5{
	font-size: 12px;
}
#maizuo .page .home-list .comingsoon-list .film-detail span{
	font-size: 10px;color: #f78360;
}
/* 影片页面 */
#film{
	padding: 0 15px;
}
#film .film-tabs{
	width: 100%;display: flex;
	height: 50px;line-height: 50px;
	border-bottom: 1px solid #fe6e00;
}
#film .film-tabs a{
	flex: 1;text-align: center;color: #6a6a6a;
}
#film .film-list{
	
}
#film .film-list>ul>li{
	width: 100%;height: 128px;
	padding: 20px 0;border-bottom: 1px dashed #c9c9c9;
}
#film .film-list>ul>li:last-child{
	border-bottom: none;
}
#film .film-list>ul>li>.img{
	width: 60px;height: 83px;
}
#film .film-list>ul>li>.img>img{
	width: 100%;height: 100%;
}
#film .film-list .film-introduce{
	padding: 5px 10px;
}
#film .film-list .film-introduce>h4{
	width: 240px;margin-bottom: 10px;
}
#film .film-list .film-introduce>h4>span{
	color: #fc7103;
}
#film .film-list .film-introduce>h4>span>i{
	font-style: normal;color: #ccc;
}
#film .film-list .film-introduce>p{
	font-size: 12px;color: #8e8e8e;line-height: 25px;
}
/* 影院页面 */
#cinema{
	
}
#cinema .city-zone{
	
}
#cinema .city-zone li{
	margin-bottom: 2px;
}
#cinema .city-zone li>p{
	padding: 10px 20px;font-size: 14px;color: #636363;
	background: #e1e1e1;
}
#cinema .city-zone li>.cinema-list{
	
}
#cinema .city-zone li .cinema-detail{
	padding: 20px;border-bottom: 1px solid #e1e1e1;
	background: #fff;
}
#cinema .city-zone li .cinema-detail h4>i{
	color: #ccc;font-size: 14px;
}
#cinema .city-zone li .cinema-detail span{
	background: #51add0;color: #fff;border-radius: 2px;
	font-size: 12px;padding: 0 5px;
}
#cinema .city-zone li .cinema-detail p{
	color: #ccc;font-size: 12px;width: 250px;
	white-space: normal;overflow: hidden;text-overflow: ellipsis;
}
